<%@page import="java.io.File"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>秒杀列表</title>
<%@include file="common/head.jsp" %>
<%@include file="common/tag.jsp" %>
</head>
<body>
	<div class="container">
		<div class="panel panel-default text-center">
			<div class="pannel-heading">
				<h1>${seckill.name } </h1>
			</div>
			<div class="panel-body">
				<h2 class="text-danger">
						<!--显示time图标  -->
					<span class="glyphicon glyphicon-time"></span>
						<!-- 展示倒计时 -->
					<span class="glyphicon" id="seckill-box"></span>	
				</h2>
			</div>
		</div>
		<!-- 登录弹出层，输入电话 -->
		<div id="killPhoneModal" class="modal fade">
			<div class="modal-dialong">
				<div class="modal-content">
					<div class="modal-header">
						<h3 class="modal-title text-center">
							<span class="glyphicon glyphicon-phone"></span>
						</h3>
					</div>
					<div class="modal-body">
						<div class="row">
							<div class="col-xs-8 col-xs-offset-2">
								<input type="text" name="killPhone" id="killPhoneKey" placeholder="填写手机号~oo" class="format-control">
							</div>
						</div>
					</div>
					
					<div class="modal-footer">
						<span id="killPhoneMessage" class="glyphicon" ></span>
						<button type="button" id="killPhoneBtn" class="btn btn-success">
							<span class="glyphicon glyphicon-phone"></span>
							Sumbit
						</button>
					</div>
				</div>
			</div>
		</div>
		
	</div>
	
</body>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="http://cdn.bootcss.com/jquery.countdown/2.1.0/jquery.countdown.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<script type="text/javascript" src="<%=basePath %>resource/script/seckill.js"></script>

<script type="text/javascript">
	$(function(){
		 seckill.detail.init(
			 {
			 seckillId : ${seckill.seckillId},
		 	 startTime : ${seckill.startTime.time},
		 	 endTime : ${seckill.endTime.time}
			 }
		 )
	})
</script>

</html>